<template>
  <div class="wrap-info">
    <slot name="title"></slot>
    <slot name="content"></slot>
    <slot name="list" :data="list"></slot>
  </div>
</template>
<script setup lang="ts">
import { reactive } from 'vue'

const list = reactive([
  { id: '1', name: '小明1' },
  { id: '2', name: '小明2' },
  { id: '3', name: '小明3' },
])
defineProps(['title'])
</script>

<style lang="scss" scoped>
.wrap-info {
  background-color: yellow;
  border-radius: 20px;
}
</style>
